<!DOCTYPE html>
<html lang="ja" dir="ltr">

<head>
    <meta charset="utf-8">
    <title>jQuery/CSS3实现网页元素抖动特效DEMO演示</title>
    <script src="js/jquery.min.js"></script>
    <!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
    <!--[if lt IE 9]>
<script src="js/html5shiv-printshiv.js"></script>
<script src="//ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

    <link href="css/shake.css" rel="stylesheet" media="all">
    <style type="text/css">
    #wrapper {
        margin: 0 auto;
        width: 90%;
        text-align: center;
    }
    #wrapper p {
        font-family: helvetica;
        font-weight: bold;
        font-size: 80px;
        color: red;
    }
    </style>
</head>

<body>
<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
    <div id="wrapper">
        <section>
            <p class="shake shake-hard">shake-hard</p>
        </section>
        <img class="shake shake-hard" src="img/musica_byern.jpg" alt="musica_byern" width="600">
        <section>
            <p class="shake shake-slow">shake-slow</p>
        </section>
        <img class="shake shake-slow" src="img/musica_byern.jpg" alt="musica_byern" width="600">
		<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90-2.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
        <section>
            <p class="shake shake-little">shake-little</p>
        </section>
        <img class="shake shake-little" src="img/musica_byern.jpg" alt="musica_byern" width="600">
        <section>
            <p class="shake shake-horizontal">shake-horizontal</p>
        </section>
        <img class="shake shake-horizontal" src="img/musica_byern.jpg" alt="musica_byern" width="600">
        <section>
            <p class="shake shake-vertical">shake-vertical</p>
        </section>
        <img class="shake shake-vertical" src="img/musica_byern.jpg" alt="musica_byern" width="600">
        <section>
            <p class="shake shake-rotate">shake-rotate</p>
        </section>
        <img class="shake shake-rotate" src="img/musica_byern.jpg" alt="musica_byern" width="600">
        <section>
            <p class="shake shake-opacity">shake-opacity</p>
        </section>
        <img class="shake shake-opacity" src="img/musica_byern.jpg" alt="musica_byern" width="600">
        <section>
            <p class="shake shake-crazy">shake-crazy</p>
        </section>
        <img class="shake shake-crazy" src="img/musica_byern.jpg" alt="musica_byern" width="600">
    </div>
    <!-- / #wrapper -->


</body>
</html>
